@charset "utf-8";

/* CSS Document */

#certify {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;padding-bottom:7%;
}

#certify .swiper-container {
    padding-bottom: 0px;
}

#certify .swiper-slide {
    width:680px;
   /* height:600px;*/
    background: #fff;
    position: relative;
}

#certify .swiper-slide .shadow{
    display: none;
}

#certify .swiper-slide .shadow {
    display: block;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    text-align: center;
    display: table;
}

#certify .swiper-slide .shadow .vermid{
    display: table-cell;
    vertical-align: middle;
}

#certify .swiper-slide .shadow .vermid >img{
    max-width: 100%;
}




#certify .swiper-slide a.img>img {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
}


#certify .swiper-slide h3 {
    font-size:30px;
    color: #fff;
    font-weight:300;
    width: 100%; 
    text-align: center;background:rgba(52,52,52,.6);position:absolute;left:0;bottom:0;line-height:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}




#certify .swiper-pagination {
    width: 100%;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left:45%;
    width: 54px;
    height:54px;
    background: url(../images/l.png) no-repeat;
    background-size: 100%;
    top:88%;margin-top:0;
    outline: none;z-index:999;
}

#certify .swiper-button-next {
    right: 45%;
    width: 54px;
    height: 54px;
    background: url(../images/r.png) no-repeat;
    background-size: 100%;
    top:88%;
    outline: none;margin-top:0;z-index:999;
}





@media (max-width:1440px){
    #certify .swiper-slide {width:500px;}   
}


@media (max-width:1024px){
    #certify{padding-bottom:0;} 
    #certify .swiper-button-prev,
    #certify .swiper-button-next{display:none!important;} 
    #certify .swiper-slide {width:400px;}   
    #certify .swiper-slide h3{line-height:60px;font-size:24px;}   
}


@media (max-width:768px){
  #certify .swiper-slide {width:400px;} 
   #certify .swiper-slide h3{line-height:45px;font-size:20px;} 
}

@media (max-width:425px){
  #certify .swiper-slide {width:300px;} 
   #certify .swiper-slide h3{line-height:40px;font-size:16px;} 
}

@media (max-width:375px){
  #certify .swiper-slide{width:220px;} 
}